<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/bootstrap.min.css">
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/products.css">
</head>
<body>
  <header id="header" class="container mb-4">
  </header>
  <main id="main" class="container">
    <div class="pb-2 text-center">
      <img class="d-block mx-auto mb-4 w-100" src="/img/index/index_guild.png">
    </div>
    <div class="row">
      <div class="col-md-9">
        <h5 class="mb-3 p-2 text-muted">笔记本电脑</h5>
        <div id="plist" class="row bg-white ml-1 mr-1 pt-2 pl-2">
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>

          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4 p-1">
            <div class="card mb-4 box-shadow pr-2 pl-2">
              <a href="product_details.html?lid=1">
                <img class="card-img-top" src="/img/product/md/57b12a31N8f4f75a3.jpg">
              </a>
              <div class="card-body p-0">
                <h5 class="text-primary">￥6988.00</h5>
                <p class="card-text">
                  <a href="product_details.html?lid=1" class="text-muted small" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/128GB SSD闪存 MMGF2CH/A)</a>
                </p>
                <div class="d-flex justify-content-between align-items-center p-2 pt-0">
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
                  <input type="text" class="form-control p-1" value="10"/>
                  <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                  <a class="btn btn-primary float-right ml-1 pl-1 pr-1" href="cart.html">加入购物车</a>
                </div>
              </div>
            </div>
          </div>
        </div>
        <h6 class="mb-3 p-2 text-muted small">
          <nav aria-label="Page navigation example">
            <ul class="pagination mb-0 justify-content-end">
              <li class="page-item  disabled"><a class="page-link bg-transparent" href="#">上一页</a></li>
              <li class="page-item"><a class="page-link bg-transparent" href="#">1</a></li>
              <li class="page-item active"><a class="page-link border" href="#">2</a></li>
              <li class="page-item"><a class="page-link bg-transparent" href="#">3</a></li>
              <li class="page-item"><a class="page-link bg-transparent" href="#">下一页</a></li>
            </ul>
          </nav>
        </h6>
      </div>
      <div class="col-md-3 pl-0">
        <h5 class="justify-content-between align-items-center mb-1 text-muted p-2">
          <img src="/img/foodstore/foodstore_icon2.png" alt=""> 商家公告
        </h5>
        <div class="bg-white small p-4 text-muted mb-3">
          <p>本店推出全网最低价套餐，保证比其他平台的价格要低！</p>
          <p>不要葱、姜、蒜等这些忌口暂时无法坐不了，敬请谅解！</p>
          <p>晚上10点以后订餐需另加送餐费2元！谢谢合作！</p>
        </div>
        <ul id="cart" class="list-group mb-3">
        <!-- <ul id="cart" class="list-group mb-3 position-fixed"> -->
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <h6 class="w-100 d-flex justify-content-between align-items-center mb-0 text-muted p-2 "> 购物车<a class="btn btn-link text-muted" href="#">清空</a>
            </h6>
          </li>
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <div class="input-group input-group-sm mt-1 mb-1">
              <div class="input-group-prepend">
                <span class="input-group-text text-truncate bg-white p-1 border-0 d-inline-block" title="戴尔DELL灵越游匣15PR-5645B 15.6英寸游戏笔记本电脑(i5-7300HQ 8G 128GSSD+1T GTX1050 4G独显 FHD)黑">戴尔DELL灵越游匣15PR-5645B 15.6英寸游戏笔记本电脑(i5-7300HQ 8G 128GSSD+1T GTX1050 4G独显 FHD)黑</span>
                <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
              </div>
              <input type="text" class="form-control p-1" aria-label="Small" value="10" aria-describedby="inputGroup-sizing-sm"/>
              <div class="input-group-append">
                <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                <span class="input-group-text bg-white border-0 p-0 pl-1">¥59990.00</span>
              </div>
            </div>
          </li>
          <li class="p-0 list-group-item d-flex justify-content-between lh-condensed">
            <div class="input-group input-group-sm mt-1 mb-1">
              <div class="input-group-prepend">
                <span class="input-group-text text-truncate bg-white p-1 border-0 d-inline-block" title="Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/256GB SSD闪存 MMGG2CH/A)">Apple MacBook Air 13.3英寸笔记本 银色(Core i5 处理器/8GB内存/256GB SSD闪存 MMGG2CH/A)</span>
                <button class="btn btn-outline-secondary p-0 border-0" type="button">-</button>
              </div>
              <input type="text" class="form-control p-1" aria-label="Small" value="10" aria-describedby="inputGroup-sizing-sm"/>
              <div class="input-group-append">
                <button class="btn btn-outline-secondary p-0 border-0" type="button">+</button>
                <span class="input-group-text bg-white border-0 p-0 pl-1">¥69880.00</span>
              </div>
            </div>
          </li>
          <li class="p-0 list-group-item bg-secondary text-right">
            <img class="mb-2" src="/img/foodstore/foodstore_car_2.png" alt="">
            <h4 class="d-inline-block text-white pt-2 m-0">￥129870.00</h4>
            <a class="btn btn-lg btn-primary float-right ml-1 pl-0 pr-0" href="cart.html">去结算</a>
          </li>
        </ul>
      </div>
  </div>
  </main>
  <footer id="footer" class="container"></footer>
  <script src="js/jquery-3.4.1.min.js"></script>
  <script src="js/bootstrap.min.js"></script>
</body>
</html>